<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:p="http://primefaces.org/ui"
      xmlns:ui="http://java.sun.com/jsf/facelets">

    <ui:composition template="/template/templateSGR#{sesion.usuario.getRol() == 3 ? 'Usuario' : ''}.xhtml">
        <ui:param name="nombreparam" value="autogestionPedidos"/>
        <ui:param name="duracionparam" value="7000" />
        <ui:param name="efectshowparam" value="fade" />
        <ui:param name="efecthideparam" value="fade" />
        <ui:define name="index">
            <style >      
                .ui-panelgrid td{
                    padding:0px 0px 0px 0px!important;
                }
            </style>
            <h:form id="form-#{nombreparam}">

                <p:growl id="msg#{nombreparam}" showDetail="false" autoUpdate="true" />

                <article id="content">
                    <div class="wrap">
                        <div class="box">
                            <div>
                                <h2 class="letter_spacing">Gestiona <span>tus pedidos en Deliccio</span></h2>

                                <p:panelGrid columns="1" id="autogestionPedidos" styleClass="grid-modal">

                                    <h:form id="formTabla#{nombreparam}">

                                        <p:dataTable  var="item"
                                                      value="#{pCAutogestion.listadoPedidosExternos}"
                                                      rows="10"
                                                      paginator="true"
                                                      paginatorTemplate="Página: {CurrentPageReport}  {FirstPageLink} {PreviousPageLink} {PageLinks} {NextPageLink} {LastPageLink}"  
                                                      lazy="true"
                                                      paginatorAlwaysVisible="false"
                                                      resizableColumns="true"
                                                      emptyMessage="No hay pedidos que mostrar."
                                                      id="tableModel#{nombreparam}">

                                            <p:column sortBy="#{item.fechaHoraEnvio}" style="text-align: center;">
                                                <f:facet name="header">
                                                    <h:outputText value="Fecha y hora de envío"/>
                                                </f:facet>
                                                <h:outputText value="#{item.fechaHoraEnvio}">
                                                    <f:convertDateTime pattern="dd/MM/yyyy HH:mm" />
                                                </h:outputText>
                                            </p:column>

                                            <p:column sortBy="#{item.direccion}">
                                                <f:facet name="header">
                                                    <h:outputText value="Dirección"/>
                                                </f:facet>
                                                <h:outputText value="#{item.direccion}"/>
                                            </p:column>

                                            <p:column sortBy="#{item.comentarios}">
                                                <f:facet name="header">
                                                    <h:outputText value="Comentarios"/>
                                                </f:facet>
                                                <h:outputText value="#{item.comentarios}"/>
                                            </p:column>

                                            <p:column width="80" style="text-align: center;">
                                                <f:facet name="header">
                                                    <h:outputText value="Productos"/>
                                                </f:facet>

                                                <p:commandLink process="@this" oncomplete="dlg#{nombreparam}.show();"
                                                               actionListener="#{pCAutogestion.cargarItems(item.id)}"
                                                               update=":form-Items-#{nombreparam}:dlg-Items-#{nombreparam}">
                                                    <h:graphicImage library="theme/images" name="product_menu_icon.png" alt="Productos" title="Items"/>
                                                </p:commandLink>

                                            </p:column>

                                            <p:column width="80" style="text-align: center;">

                                                <p:commandLink 
                                                    actionListener="#{pCAutogestion.establecerTemporal(item)}"
                                                    process="@this"
                                                    style="margin-right: 2px;"
                                                    oncomplete="wvconfe#{nombreparam}.show();"
                                                    title="pCAutogestion"
                                                    disabled="#{pCAutogestion.setVerFecha(item.fechaHora)}">
                                                    <h:graphicImage library="theme/images" name="eliminar_ico.png" alt="Cancelar" title="Cancelar"/> 
                                                </p:commandLink>

                                            </p:column>

                                        </p:dataTable>

                                        <p:confirmDialog id="confe#{nombreparam}" widgetVar="wvconfe#{nombreparam}"
                                                         header="Confirmar eliminación de pedido" 
                                                         closeOnEscape="true" closable="true" showEffect="#{efectshowparam}" hideEffect="#{efecthideparam}"
                                                         message="¿Seguro que desea eliminar permanentemente el elemento seleccionado?">
                                            <p:commandButton value="Si" styleClass="ui-confirmdialog-yes" icon="ui-icon-check" 
                                                             actionListener="#{pCAutogestion.eliminar()}"
                                                             update="formTabla#{nombreparam}:tableModel#{nombreparam}"
                                                             onclick="wvconfe#{nombreparam}.hide();" style="float: right;"/>  
                                            <p:commandButton value="No" styleClass="ui-confirmdialog-no" 
                                                             icon="ui-icon-close" onclick="wvconfe#{nombreparam}.hide();"
                                                             style="float: right;"/>
                                        </p:confirmDialog>

                                    </h:form>

                                </p:panelGrid>

                                <div style="margin-top: 0px; width: 60%; ">
                                    <h:link value="&#60;&#60; Volver" styleClass="btn-cancelar" outcome="/paginas/usuarios/autogestion/tabla_autogestion.xhtml" style="float: left;margin-top: 14px;" />
                                </div>

                            </div>
                        </div>
                    </div>
                </article>

            </h:form>

            <h:form id="form-Items-#{nombreparam}">

                <p:dialog header="Productos" widgetVar="dlg#{nombreparam}" width="500px"
                          modal="true" dynamic="true" resizable="false" closeOnEscape="true" 
                          hideEffect="#{efecthideparam}" showEffect="#{efectshowparam}"
                          style="text-align: center;" id="dlg-Items-#{nombreparam}">  
                    <p:dataTable var="prod"
                                 value="#{pCAutogestion.listaItemsProductos}"
                                 rows="5"
                                 paginator="true"
                                 paginatorTemplate="Página: {CurrentPageReport}  {FirstPageLink} {PreviousPageLink} {PageLinks} {NextPageLink} {LastPageLink}"  
                                 lazy="true"
                                 paginatorAlwaysVisible="false"
                                 resizableColumns="true"
                                 emptyMessage="No hay pedidos que mostrar."
                                 id="table-Item-#{nombreparam}">

                        <p:column>
                            <f:facet name="header">
                                <h:outputText value="Descripción"/>
                            </f:facet>
                            <h:outputText value="#{prod.producto.descripcionCorta}"/>
                        </p:column>

                        <p:column>
                            <f:facet name="header">
                                <h:outputText value="Cantidad"/>
                            </f:facet>
                            <h:outputText value="#{prod.cantidad}"/>
                        </p:column>

                        <p:column>
                            <f:facet name="header">
                                <h:outputText value="Precio u."/>
                            </f:facet>
                            <h:outputText value="$ #{prod.precioVigente}"/>
                        </p:column>

                        <p:column>
                            <f:facet name="header">
                                <h:outputText value="Total"/>
                            </f:facet>
                            <h:outputText value="$ #{prod.precioVigente * prod.cantidad}"/>
                        </p:column>

                        <p:columnGroup type="footer">  
                            <p:row>  
                                <p:column colspan="3" footerText="TOTAL:"  
                                          style="text-align:right" />
                                <p:column footerText="$ #{pCAutogestion.totalPrecio}" />
                            </p:row>  
                        </p:columnGroup>F

                    </p:dataTable>
                </p:dialog>
            </h:form>

        </ui:define>
    </ui:composition>
</html>